﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



@*<h2>@Html.ActionLink("天气查询", "Weather", "Tools")</h2>
<h2>@Html.ActionLink("注册用户", "Create", "User")</h2>
<h2>@Html.ActionLink("登陆", "Login", "User")</h2>
<h2>@Html.ActionLink("计算器", "Calculate", "Tools")</h2>*@
 @*<ul id="dropmenu1" class="dropMenu">
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">商品类别</a></li>
        <li>@Html.ActionLink("商品类别", "Login", "User")</li>
        <li>@Html.ActionLink("商品类别", "Login", "User")</li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">焦点幻灯片</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">网页特效</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">广告代码</a></li>
    </ul>*@
    @*<ul id="dropmenu2" class="dropMenu">
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">企业类网站</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">行业类网站</a></li>
        <li><a href="http://www.duice.net/html/list_622.html/" target="_blank">BLOG类网站</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">门户类网站</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">商城类网站</a></li>
    </ul>*@
    @*<ul id="dropmenu3" class="dropMenu">
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">HTML技巧</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">CSS技巧</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">CMS建站技巧</a></li>
        <li><a href="http://www.duice.net/html/list_622.html" target="_blank">其他技巧</a></li>
    </ul>*@
    <!--置顶导航以及账户信息结束-->
    <!--头部开始-->
    <div id="header">
        <div class="contWidth">
            <a class="logo" href="#nogo">
                <img src="../Content/images/logo.gif" alt="JaneShop" /></a>
            <div class="search">
                <input type="text" id="inputSearch" class="" value="请输入商品名称" />
            </div>
            <ul id="skin">
                <li id="skin_0" title="蓝色" class="selected">蓝色</li>
                <li id="skin_1" title="紫色">紫色</li>
                <li id="skin_2" title="红色">红色</li>
                <li id="skin_3" title="天蓝色">天蓝色</li>
                <li id="skin_4" title="橙色">橙色</li>
                <li id="skin_5" title="淡绿色">淡绿色</li>
            </ul>
            <!-- 导航 start -->
            <div id="nav" class="mainNav">
                <ul class="nav">
                    <li><a href="#">首 页</a></li>
                    <li><a href="#">品 牌</a>
                        <div class="jnNav">
                            <div class="subitem">
                                <dl class="fore">
                                    <dt>
                                        <a href="#nogo">品牌：</a>
                                    </dt>
                                    <dd>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em><a href="#nogo">安踏</a></em>
                                        <em><a href="#nogo">奥康</a></em>
                                        <em><a href="#nogo">骆驼</a></em>
                                        <em><a href="#nogo">特步</a></em>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em class="noborder"><a href="#nogo">特步</a></em>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <a href="#nogo">品牌：</a>
                                    </dt>
                                    <dd>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em><a href="#nogo">安踏</a></em>
                                        <em><a href="#nogo">奥康</a></em>
                                        <em><a href="#nogo">骆驼</a></em>
                                        <em><a href="#nogo">特步</a></em>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em class="noborder"><a href="#nogo">特步</a></em>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">女 装</a>
                        <div class="jnNav">
                            <div class="subitem">
                                <dl class="fore">
                                    <dt>
                                        <a href="#nogo">女 装：</a>
                                    </dt>
                                    <dd>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em><a href="#nogo">安踏</a></em>
                                        <em><a href="#nogo">奥康</a></em>
                                        <em><a href="#nogo">骆驼</a></em>
                                        <em><a href="#nogo">特步</a></em>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em class="noborder"><a href="#nogo">特步</a></em>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <a href="#nogo">女 装：</a>
                                    </dt>
                                    <dd>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em><a href="#nogo">安踏</a></em>
                                        <em><a href="#nogo">奥康</a></em>
                                        <em><a href="#nogo">骆驼</a></em>
                                        <em><a href="#nogo">特步</a></em>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em class="noborder"><a href="#nogo">特步</a></em>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">男 装</a>
                        <div class="jnNav">
                            <div class="subitem">
                                <dl class="fore">
                                    <dt>
                                        <a href="#nogo">男 装：</a>
                                    </dt>
                                    <dd>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em><a href="#nogo">安踏</a></em>
                                        <em><a href="#nogo">奥康</a></em>
                                        <em><a href="#nogo">骆驼</a></em>
                                        <em><a href="#nogo">特步</a></em>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em class="noborder"><a href="#nogo">特步</a></em>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <a href="#nogo">男 装：</a>
                                    </dt>
                                    <dd>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em><a href="#nogo">安踏</a></em>
                                        <em><a href="#nogo">奥康</a></em>
                                        <em><a href="#nogo">骆驼</a></em>
                                        <em><a href="#nogo">特步</a></em>
                                        <em><a href="#nogo">耐克</a></em>
                                        <em><a href="#nogo">阿迪达斯</a></em>
                                        <em><a href="#nogo">达芙妮</a></em>
                                        <em><a href="#nogo">李宁</a></em>
                                        <em class="noborder"><a href="#nogo">特步</a></em>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">鞋包配饰</a></li>
                </ul>
            </div>
            <!-- 导航 end -->
        </div>
    </div>
    <!--主体开始-->
    <div id="content">
        <div class="janeshop">
            <!-- 商品分类 start -->
            <div id="jnCatalog">
                <h2 title="商品分类">商品分类</h2>
                <div class="jnCatainfo">
                    <h3>推荐品牌</h3>
                    <ul>
                        <li><a href="#nogo">耐克</a></li>
                        <li><a href="#nogo" class="promoted">阿迪达斯</a></li>
                        <li><a href="#nogo">达芙妮</a></li>
                        <li><a href="#nogo">李宁</a></li>
                        <li><a href="#nogo">安踏</a></li>
                        <li><a href="#nogo">奥康</a></li>
                        <li><a href="#nogo" class="promoted">骆驼</a></li>
                        <li><a href="#nogo">特步</a></li>
                    </ul>
                    <br class="clear" />
                    <h3>女装</h3>
                    <ul>
                        <li><a href="#nogo">呢大衣</a></li>
                        <li><a href="#nogo">T恤</a></li>
                        <li><a href="#nogo">羽绒</a></li>
                        <li><a href="#nogo">衬衫</a></li>
                        <li><a href="#nogo">羊绒衫</a></li>
                        <li><a href="#nogo">针织</a></li>
                        <li><a href="#nogo">连衣裙</a></li>
                        <li><a href="#nogo">皮外套</a></li>
                    </ul>
                    <br class="clear" />
                    <h3>男装</h3>
                    <ul>
                        <li><a href="#nogo">衬衫</a></li>
                        <li><a href="#nogo">T恤衫</a></li>
                        <li><a href="#nogo">夹克</a></li>
                        <li><a href="#nogo">大皮衣</a></li>
                        <li><a href="#nogo">风衣</a></li>
                        <li><a href="#nogo">牛仔裤</a></li>
                        <li><a href="#nogo">西服</a></li>
                        <li><a href="#nogo">卫衣</a></li>
                    </ul>
                    <br class="clear" />
                    <h3>鞋包配饰</h3>
                    <ul>
                        <li><a href="#nogo">围巾</a></li>
                        <li><a href="#nogo">旅行箱</a></li>
                        <li><a href="#nogo">真皮包</a></li>
                        <li><a href="#nogo">韩版</a></li>
                        <li><a href="#nogo">达芙妮</a></li>
                        <li><a href="#nogo">单肩包</a></li>
                        <li><a href="#nogo">毛线</a></li>
                        <li><a href="#nogo">清仓靴子</a></li>
                    </ul>
                    <br class="clear" />
                </div>
            </div>
            <!-- 商品分类 end -->

            <!-- 大屏广告 start -->
            <div id="jnImageroll">
                <a href="#nogo" id="JS_imgWrap">
                    <img src="../Content/images/ads/1.jpg" alt="相约情人节" />
                    <img src="../Content/images/ads/2.jpg" alt="新款上线" />
                    <img src="../Content/images/ads/3.jpg" alt="愤怒小鸟特卖" />
                    <img src="../Content/images/ads/4.jpg" alt="男鞋促销第一波" />
                    <img src="../Content/images/ads/5.jpg" alt="春季新品发布" />
                </a>
                <div>
                    <a href="###1"><em>相约情人节</em><em>全场119元起</em></a>
                    <a href="###2"><em>新款上线</em><em>全场357元起</em></a>
                    <a href="###3"><em>愤怒小鸟特卖</em><em>全场89元</em></a>
                    <a href="###4"><em>男鞋促销第一波</em><em>全场3.1折起</em></a>
                    <a href="###5" class="last"><em>春季新品发布</em><em>全场4.1折起</em></a>
                </div>
            </div>
            <!-- 大屏广告 end -->

            <!-- 最新动态 start -->
            <div id="jnNotice">
                <div id="jnMiaosha">
                    <a href="#nogo" class="JS_css3">
                        <img src="../Content/images/upload/20120216.jpg" alt="冬品清仓" /></a>
                </div>
                <div id="jnNoticeInfo">
                    <h2 title="最新动态">最新动态</h2>
                    <ul>
                        <li><a href="###1" class="tooltip" title="[活动] 伊伴春鞋迎春大促">[活动] 伊伴春鞋迎春大促</a></li>
                        <li><a href="###2" class="tooltip" title="[活动] 千百度冬靴新品火热让利">[活动] 千百度冬靴新品火热让利</a></li>
                        <li><a href="###3" class="tooltip" title="[活动] COEY秋冬新品全场2.3折起">[活动] COEY秋冬新品全场2.3折起</a></li>
                        <li><a href="###4" class="tooltip" title="[活动] 伊伴春鞋迎春大促">[活动] 伊伴春鞋迎春大促</a></li>
                        <li><a href="###5" class="tooltip" title="[活动] 千百度冬靴新品火热让利">[活动] 千百度冬靴新品火热让利</a></li>
                        <li><a href="###6" class="tooltip" title="[活动] COEY秋冬新品全场2.3折起">[活动] COEY秋冬新品全场2.3折起</a></li>
                    </ul>
                    <br class="clear" />
                </div>
            </div>
            <!-- 最新动态 end -->

            <!-- 品牌活动 start -->
            <div id="jnBrand">
                <div id="jnBrandTab">
                    <h2 title="品牌活动">品牌活动</h2>
                    <ul>
                        <li><a title="运动" href="#nogo">运动</a></li>
                        <li><a title="女鞋" href="#nogo">女鞋</a></li>
                        <li><a title="男鞋" href="#nogo">男鞋</a></li>
                        <li><a title="Applife" href="#nogo">童鞋</a></li>
                    </ul>
                </div>
                <div id="jnBrandContent">
                    <div id="jnBrandList">
                        <ul>
                            <li>
                                <a href="###1" class="JS_live">
                                    <img alt="耐克" src="../Content/images/upload/20120217.jpg" /></a>
                                <span><a href="###1">耐克</a></span>
                            </li>
                            <li>
                                <a href="###2" class="JS_live">
                                    <img alt="阿迪达斯" src="../Content/images/upload/20120218.jpg" /></a>
                                <span><a href="###2">阿迪达斯</a></span>
                            </li>
                            <li>
                                <a href="###3" class="JS_live">
                                    <img alt="李宁" src="../Content/images/upload/20120219.png" /></a>
                                <span><a href="###3">李宁</a></span>
                            </li>
                            <li>
                                <a href="###4" class="JS_live">
                                    <img alt="安踏" src="../Content/images/upload/20120220.png" /></a>
                                <span><a href="###4">安踏</a></span>
                            </li>
                            <li>
                                <a href="###1" class="JS_live">
                                    <img alt="耐克" src="../Content/images/upload/20120217.jpg" /></a>
                                <span><a href="###1">耐克</a></span>
                            </li>
                            <li>
                                <a href="###2" class="JS_live">
                                    <img alt="阿迪达斯" src="../Content/images/upload/20120218.jpg" /></a>
                                <span><a href="###2">阿迪达斯</a></span>
                            </li>
                            <li>
                                <a href="###3" class="JS_live">
                                    <img alt="李宁" src="../Content/images/upload/20120219.png" /></a>
                                <span><a href="###3">李宁</a></span>
                            </li>
                            <li>
                                <a href="###4" class="JS_live">
                                    <img alt="安踏" src="../Content/images/upload/20120220.png" /></a>
                                <span><a href="###4">安踏</a></span>
                            </li>
                            <li>
                                <a href="###1" class="JS_live">
                                    <img alt="耐克" src="../Content/images/upload/20120217.jpg" /></a>
                                <span><a href="###1">耐克</a></span>
                            </li>
                            <li>
                                <a href="###2" class="JS_live">
                                    <img alt="阿迪达斯" src="../Content/images/upload/20120218.jpg" /></a>
                                <span><a href="###2">阿迪达斯</a></span>
                            </li>
                            <li>
                                <a href="###3" class="JS_live">
                                    <img alt="李宁" src="../Content/images/upload/20120219.png" /></a>
                                <span><a href="###3">李宁</a></span>
                            </li>
                            <li>
                                <a href="###4" class="JS_live">
                                    <img alt="安踏" src="../Content/images/upload/20120220.png" /></a>
                                <span><a href="###4">安踏</a></span>
                            </li>
                            <li>
                                <a href="###1" class="JS_live">
                                    <img alt="耐克" src="Content/images/upload/20120217.jpg" /></a>
                                <span><a href="###1">耐克</a></span>
                            </li>
                            <li>
                                <a href="###2" class="JS_live">
                                    <img alt="阿迪达斯" src="../Content/images/upload/20120218.jpg" /></a>
                                <span><a href="###2">阿迪达斯</a></span>
                            </li>
                            <li>
                                <a href="###3" class="JS_live">
                                    <img alt="李宁" src="../Content/images/upload/20120219.png" /></a>
                                <span><a href="###3">李宁</a></span>
                            </li>
                            <li>
                                <a href="###4" class="JS_live">
                                    <img alt="安踏" src="../Content/images/upload/20120220.png" /></a>
                                <span><a href="###4">安踏</a></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 品牌活动 end -->

        </div>
    </div>
    <!--主体结束-->
